<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<!-- 2.内联js -->
	<script type="text/javascript">
		// 单行注释 ctrl+/
		/*
		  多行注释 ctrl+shift+/
		*/
		// alert("我是内联的")
		// 注意:浏览器默认情况是从上到下解析，js放到head里，如果要获取页面上的元素，拿到的是null(空)
		// 解决方法:1.js代码放到html代码结束的地方	
		// 		   2.如果非要写在head里，使用window.onload = function(){}

		// 等待页面加载结束后，再执行{}里的代码
		window.onload = function(){
		// 获取一下div
		var dom = document.querySelector('div')
		// 打印输出一下
		console.log(dom)
	}
	</script>
	<!-- 外联 -->
	<script type="text/javascript" src="index.js"></script>
</head>
<body>
	<!-- 1.行内 onclick点击事件 alert弹出框 -->
	<div onclick="alert('两天后放假')">点点点</div>
	
</body>
<!-- 第二种 -->
	<script type="text/javascript">
		// 单行注释 ctrl+/
		/*
		  多行注释 ctrl+shift+/
		*/
		// alert("我是内联的")
		// 获取一下div
		var dom = document.querySelector('div')
		// 打印输出一下
		console.log(dom)
	</script>
	<script type="text/javascript" src="index.js"></script>
	<!-- 
		注意:1.不推荐把js代码放到head里面，推荐放到body结束之后
		     2.可以出现多个script
		     3.在一对script里，如果有错误的代码，那么后面的代码就不会执行了，但是不影响其他的script标签
		     4.如果使用外联js，那么这个script标签里不要出现任何js代码
	 -->
</html>